<div ng-controller="PerformanceEditCtrl">
    <div class="bg-light lter b-b wrapper-md">
        <h1 class="m-n font-thin h3">{{performance.Title}}</h1>
    </div>
    <div class="wrapper-md">
        <form role="form" class="form-horizontal" name="performanceForm" ng-submit="submit()">
            <div class="row">
                <div class="col-md-6 form-group padder-md m-n">
                    <label class="control-label required">标题</label>
                    <input class="form-control" ng-model="performance.Title" required/>
                </div>
                <div class="col-md-6 form-group padder-md  m-n">
                    <label class="control-label required">演出地址</label>
                    <input class="form-control" ng-model="performance.Address" required/>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 form-group  padder-md  m-n">
                    <label class="control-label required">演出时间</label>
                    <input type="datetime" class="form-control" ng-model="performance.ShowTime" placeholder="格式为: 2016-6-1 12:00" required/>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 form-group padder-md m-n">
                    <label class="control-label required">缩略图</label>
                    <input ui-jq="filestyle" type="file" ui-options="{'buttonText':'选择图片'}" accept="image/*" ng-file-model="ThumbImage" required />
                    <p><img class="thumbnail  w-m-100" ng-src="{{ThumbImage.model.data || performance.Thumb}}" /></p>
                </div>
                <div class="col-md-6 form-group padder-md m-n">
                    <label class="control-label required">封面图</label>
                    <input ui-jq="filestyle" type="file" ui-options="{'buttonText':'选择图片'}" accept="image/*" ng-file-model="CoverImage" required />
                    <p><img class="thumbnail w-m-100" ng-src="{{CoverImage.model.data || performance.ImageUrl}}" /></p>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6 form-group padder-md m-n">
                    <label class="control-label">视频（建议使用.mp4格式）</label>
                    <input class="form-control" placeholder="请输入视频地址" ng-model="performance.Video" id="video" style="width:80%; display:inline-block" />
                    <button type="button" class="btn btn-primary" onclick="javascript:document.getElementById('preview-video').src = document.getElementById('video').value;">预览</button>
                    <p><video controls id="preview-video" class="w-md"></video></p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 form-group padder-md m-n">
                    <label class="control-label">演出介绍</label>
                    <div class="ueditor" config="editotrConfig" ng-model="performance.Content"></div>
                </div>
            </div>
            <div class="row text-center padder-v">
                <button class="btn btn-primary" type="submit" ng-disabled="performanceForm.$invalid && performanceForm.$pristine && !canSubmit"><i class="fa fa-check-circle"></i> 提交</button>
                <span class="divider"></span>
                <button class="btn btn-default" type="button" ng-really-message="确认取消吗？" ng-really-click="back()"><i class="fa fa-reply"></i> 取消</button>
           </div>
        </form>
    </div>
</div>